<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>事件委托 delegation</title>
	<style>
	</style>
</head>
<body>
	<ul id="list">
		<li>列表1</li>
		<li>列表2</li>
		<li>列表3</li>
		<li>列表4</li>
		<li>列表5</li>
	</ul>
	
	<script type="text/javascript">
		var list = document.getElementById('list');
		list.addEventListener("click",function(e){
			// console.log(e.target.tagName)
			if( e.target.tagName.toLowerCase() === 'li'){
				console.log(e.target.innerHTML);
			}
		})

	</script>
	
</body>
</html>